<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script src="js/mui.min.js"></script>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/index.css" rel="stylesheet" />
		<script type="text/javascript" charset="utf-8">
			mui.init();
		</script>
	</head>

	<body>
		<div id="left">
			<div id="camera" class="mui-icon mui-icon-camera">
			</div>
		</div>
		<div id="right">
			<div class="rightMenu" id="menu1">景点</div>
			<div class="rightMenu" id="menu2">游记</div>
			<div class="rightMenu" id="menu3">召集令</div>
			<div class="rightMenu" id="menu4">照片墙</div>
			<div class="rightMenu" id="menu5">我的</div>
		</div>
	</body>
	<script type="text/javascript">
		var cmDom = document.getElementById("camera");
		cmDom.addEventListener("tap", function() {
			var cm = plus.camera.getCamera(1);
			cm.captureImage(function(path) {
				var url = "file://" + plus.io.convertLocalFileSystemURL(path);
				var img = "<img width=100 height=100 src=" + url + ">";
				msgDom.innerHTML = img;
			})
		})
		var jingdian = document.getElementById("menu1");
		jingdian.addEventListener("tap", function() {
			mui.openWindow({
				url: "jingdian.html",
				id: "jingdian.html",
				style: {},
				extras: {

				},
				show: {
					autoShow: true,
					aniShow: "slide-in-right",
					duration: 100
				},
				waiting: {
					autoShow: true,
					title: "正在加载.....",
					options: {
						//				width:
						//				height:
					}
				}
			})
		})
		var travel = document.getElementById("menu2");
		travel.addEventListener("tap", function() {
			mui.openWindow({
				url: "mui-travel.html",
				id: "mui-travel.html",
				style: {},
				extras: {

				},
				show: {
					autoShow: true,
					aniShow: "slide-in-right",
					duration: 100
				},
				waiting: {
					autoShow: true,
					title: "正在加载.....",
					options: {
						//				width:
						//				height:
					}
				}
			})
		})
		var called = document.getElementById("menu3");
			called.addEventListener("tap", function() {
								mui.openWindow({
										url: 'called.html',
										id: 'called.html',
										style: {},
										extras: {
										},
										show:{
											autoShow:true,
											aniShow:"slide-in-right",
											duration:100
										},
										waiting:{
											autoShow:true,
											title:"加载中....",
											options:{}
										}
									})
							})
			var photo = document.getElementById("menu4");
			photo.addEventListener("tap", function() {
								mui.openWindow({
										url: 'photo.html',
										id: 'photo.html',
										style: {},
										extras: {
										},
										show:{
											autoShow:true,
											aniShow:"slide-in-right",
											duration:100
										},
										waiting:{
											autoShow:true,
											title:"加载中....",
											options:{}
										}
									})
							})
			var MyPage = document.getElementById("menu5");
			MyPage.addEventListener("tap", function() {
								mui.openWindow({
										url: 'MyPage.html',
										id: 'MyPage.html',
										style: {},
										extras: {
										},
										show:{
											autoShow:true,
											aniShow:"slide-in-right",
											duration:100
										},
										waiting:{
											autoShow:true,
											title:"加载中....",
											options:{}
										}
									})
							})
	</script>

</html>